<div class="alain-default__content-title">
  <h1>
    Read & Write zip file,
    <a href="//ng-alain.com/components/zip" target="_blank">Document</a>
  </h1>
</div>
<nz-card nzTitle="解压" *ngIf="instance">
  <button nz-button (click)="url()">Via Url</button>
  <input type="file" (change)="change($event)" multiple="false" class="ml-sm" />
  <ol>
    <li *ngFor="let i of list">{{ i | json }}</li>
  </ol>
</nz-card>
<nz-card nzTitle="压缩" *ngIf="instance">
  <button nz-button (click)="data.push({})" [nzType]="'primary'">new</button>
  <button nz-button (click)="download()" class="ml-sm">download</button>
  <nz-table [nzData]="data" [nzFrontPagination]="false" [nzShowPagination]="false" class="mt-sm">
    <thead>
      <tr>
        <th>
          <span>path</span>
        </th>
        <th>
          <span>url</span>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let i of data; let index = index">
        <td>
          <input nz-input [(ngModel)]="i.path" name="path{{ index }}" />
        </td>
        <td>
          <input nz-input [(ngModel)]="i.url" name="url{{ index }}" />
        </td>
      </tr>
    </tbody>
  </nz-table>
</nz-card>
